<template>
  <div>
    <el-row :gutter="24">
      <el-col :span="24" style="margin: auto">
        <div class="center">
          <el-card class="box-card">
            <div v-for="o in 4" :key="o" class="text item">
              {{ '分类内容 ' + o }}
            </div>
          </el-card>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "UserBlogTags",
  data() {
    return {
      blogTags: [],
    }
  },

  methods: {},

  created() {
    this.$request.getBlogsTags(this.$user).then((data) => {
    })
  }

}
</script>

<style scoped>
.center {
  width: 100%;
  min-height: 330px;
  margin: auto;
  background-color: #b90d0d;
  padding-top: 20px;
}

.text {
  font-size: 14px;
}

.item {
  padding: 18px 0;

}

.box-card {
  width: 85%;

  margin: auto;

}
</style>
